{% extends "AcmeDemoBundle::base.html.twig" %} 
{% block javascript %}
<script type="text/javascript">
$(function(){
	$('#order').mask('99999999', {reverse: true});
	$("#error").click(function() {
        $("#error").hide();
    });
        $("#button_ok").click(function() {
        	
        	if($("#ma").val() == ""){
                alert("Xin hãy nhập mã chức vụ !");
                return;
            }
            if($("#ten").val() == ""){
                alert("Xin hãy nhập tên chức vụ !");
                return;
            }
            if($("#heso").val() == ""){
                alert("Xin hãy nhập hệ số chức vụ !");
                return;
            }
            
            if(!isNumber($("#heso").val())){
                alert("Xin hãy nhập là kiểu số !");
                return;
            }
            if(parseFloat($("#heso").val()) < 0){
                alert("Xin hãy nhập số lớn hơn không !");
                return;
            }
            $("#form").attr("action", "{{ path('acme_chucvu_input') }}");
            $("#form").submit();
        });
        $("#button_notok").click(function() {
            $("#form").attr("action", "{{ path('acme_chucvu_list') }}/1");
            $("#form").submit();
        });
      
    });
function isNumber(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
  }
</script>
{% endblock %}
{% block content %}
<div class="grid_16">
	<!-- TABS START -->
	<div id="tabs">
		<div class="container">
			<ul>
			<li><a href="{{ path('acme_Nhom_list') }}/1"><span>Nhóm</span></a></li>
				<li><a href="{{ path('acme_phongban_list') }}/1"><span>Đơn vị/phòng ban
                            </span></a></li>
                <li><a href="{{ path('acme_chucvu_list') }}/1"  class="current"><span>Chức vụ</span></a></li>
				<li><a href="{{ path('acme_TrinhDo_list') }}/1"><span>Trình độ</span></a></li>
				<li><a href="{{ path('acme_ThiDua_list') }}/1"><span>Thi đua</span></a></li>
				<li><a href="{{ path('acme_Chung_detail') }}/1"><span>Hệ thống</span></a></li>
				<li><a href="{{ path('acme_Lydonghiviec_list') }}/1"><span>Lý do nghỉ việc</span></a></li>
			</ul>
		</div>
	</div>
	<!-- TABS END -->
</div>
<div class="grid_16" id="content">
	<form method="POST" id="form">
		<div class="grid_16">
			<h1 class="dashboard">Thêm Chức vụ</h1>
		</div>
		{% if exist %}
		<div class="grid_15">
            <p id="error" class="info">
            <span class="info_inner">Mã chức vụ đã tồn tại !</span>
            </p>
            </div>
            
            {% endif  %}
		<div class="grid_16">
		
		{% if exist %}
				
		      <label>Mã Chức vụ</label> <input 
            class="smallInput" name="ma" id="ma" type="text" value="{{ma}}"> 
            <label>Tên Chức vụ</label> <input 
            class="smallInput" name="ten" id="ten" type="text" value="{{ten}}"> 
            <label>Hệ số</label> <input name="heso" id="heso" value="{{heso}}"
            class="smallInput" type="text" > 
            <label>Order</label> <input name="order" id="order"
            class="smallInput" type="text" value="{{order}}" > 
		{% else  %}
		  <label>Mã Chức vụ</label> <input 
            class="smallInput" name="ma" id="ma" type="text" > 
        <label>Tên Chức vụ</label> <input 
            class="smallInput" name="ten" id="ten" type="text" > 
            <label>Hệ số</label> <input name="heso" id="heso"
            class="smallInput" type="text" > 
            <label>Order</label> <input name="order" id="order"
            class="smallInput" type="text" > 
		{% endif  %}
		
		</div>
		<div class="grid_16">
		<a
            class="button_ok" id="button_ok"> <span>Thêm</span>
        </a> <a class="button_notok" id="button_notok"> <span>Hủy</span>
        </a>
		</div>
	</form>
</div>
{% endblock %} 
